.banner-top .view-img img {
    width: 100%;
    object-fit: cover;
}

.row.banner-top,.right-section {
height: 600px !important;
}

.section-p-0 {
    overflow: hidden;
}


.row.banner-top .view-img:before {
    background: rgb(0,0,0,.50);
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
}

.row.main-banner.col-sm-6.col-md-6.col-lg-6.p-0.right-section .delete {
   display: block;
}


.main-banner.right-section {
    background: url(/Resources/8/right-banner-cont2.png) no-repeat left 0;
    background-size: cover;
}

.quick-links .col-md-6:nth-child(2) .card:after,.quick-links .col-md-6:nth-child(4) .card:before {
    left: 0;
}


span.view-description {
    display: block;
    left: 0;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    align-items: unset;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    position: absolute;
    right: auto;
    z-index: 1;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    FONT-SIZE: 34PX;
    margin-top: 300px;
}

span.view-description:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 4px;
    background: #FFC107;
    margin-top: 70px;
}




span.view-title:before, span.view-title:after  {    content: ' ';
    width: 100%;
    height: 2px;
    background: #f6bd41;
    position: relative;
    right: 0;
    top: 20px;
    float: right;}

span.view-title {
    display: inline-block;
}


span.view-title {
    font-size: 30px;
    color: #333;
    FONT-WEIGHT: BOLD;
    line-height: 1.3;
    margin-bottom: 40px;
}

span.view-title:before {
    top: 53px;
}



ul.nav.flex-column.flex-nowrap li.active > a {
    color: #d49200 !important;
    PADDING: 10px 0;
    font-weight: bold;
    font-size: 22px !important;
}

.sub-menu {
    padding: 40px;
}

.sub-menu .sub-menu {
    padding: 0;
}

ul.nav.flex-column.flex-nowrap li.active a span:nth-child(2):after {
    content: "\f57d";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    float: right;
    content: "\f061";
    font-size: 9px;
    margin-top: 5px;
    }


ul.flex-column.pl-2.nav {
    padding: 0 0px!important;
}

.sub-menu  a.nav-link.text-truncate {
    white-space: nowrap;
    color: #333;
    display: block;
    background: none;
    margin: 0 0 0px 0px !important;
    font-weight: normal;
    margin: 16px 0;
    padding-bottom: 0px;
    PADDING: 15px 0;
    LINE-HEIGHT: 0;
}

.sub-menu  li.nav-item {
    border-bottom: #e1e1e1 solid 1px;
    PADDING: 10px 0px;
}

.sub-menu  li.nav-item:last-child {
}

ul.flex-column.pl-2.nav:last-child li {
    border: 0;
}

/*ul.nav.flex-column.flex-nowrap li.active > a span:after {
    display: none;
}*/

.sub-menu ul.nav.flex-column.flex-nowrap li.active > a:nth-child(1) span:nth-child(2):after{
 display:none; 
 
}

.sub-menu  a.nav-link.text-truncate:hover {
    color: #d4922c;
}


.sub-menu a.nav-link.py-0 {
    padding: 0;
    color: #333!important;
    LINE-HEIGHT: initial;
}


.sub-menu a.nav-link.py-0:hover span {
    color: #d49200;
}

.sub-menu .sub-menu li.nav-item.active a span {
    font-size: 14px;
}

.sub-menu .sub-menu li.nav-item.active a span:after {
    display:  block!important;
    margin-top: 10px;
}

.view-content ul li:before {
    content: " ";
    width: 8px;
    height: 8px;
    margin-left: 10px;
    margin-right: -18px;
    border: 2px #f5bd41 solid;
    background: #9ae5fe00;
    border-radius: 23px;
    /* list-style-type: disc; */
    /* display: inline-block; */
    /* font-size: inherit; */
    /* height: 1em; */
    overflow: visible;
    /* vertical-align: -.125em; */
    display: inline-block;
    font: normal normal normal 14px/1 'FontAwesome 4';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 14px;
}
.view-content ul {
    list-style: none;
}

.view-content ul li:before {
    content: " ";
    width: 8px;
    height: 8px;
    margin-left: -18px;
    margin-right: 10px;
}
h3 {
    font-weight: bold;
}

em.icon-phone4:after {content: "\f3cd";}

em.icon-envelope2:after {content: "\f0e0";}


.section-blue-bg {
    background: #145076 !important;
    background-color: #145076 !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#145076), to(#3896ce)) !important;
    background-image: -webkit-linear-gradient(left, #145076, #3896ce) !important;
    background-image: -moz-linear-gradient(left, #145076, #3896ce) !important;
    background-image: -ms-linear-gradient(left, #145076, #3896ce) !important;
    background-image: -o-linear-gradient(left, #145076, #3896ce)!important;
    background-image: linear-gradient(left, #145076, #3896ce) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3896ce', endColorStr='#145076', gradientType='1') !important;
}


.contact-info li {
    list-style: none;
    margin: 0 0 20px 0;
    position: relative;
    padding-right: 60px;
    margin: 0 0 20px 0;
    padding-right: 0;
    padding-left: 60px;
}

.contact-info li span {
    position: absolute;
    top: -0.3em;
    right: 0;
    width: 40px;
    height: 40px;
    background: #145076;
    display: table;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    right: auto;
}.contact-info {
    margin-bottom: 0;
    padding: 0;
    /* direction: ltr; */
    /* text-align: right; */
}
.contact-info li em:after {    font-weight: 900;
    font-family: "Font Awesome 5 Free";}



em.icon-map5:after {content: "\f279";}

.contact-info li em {
    font-style: normal;
}

em.icon-globe3:after {content: "\f7a2";}

.contact-info li:before{display:none !important;}
.contact-info li em {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: rgb(255, 255, 255);
}


.lead {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 40px;
    padding-top: 20px;
}
.bold {
   
    color: #fff;
    margin-bottom: 30px;
}.lead {
    display: block;
    color: #fff;
}

.bold:after {
    bottom: inherit;
    margin-top: 10px;
}

h2.bold {
    position: relative;
}


.mat-form-field-label, .mat-hint {
    color: white;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after, .mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker, .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
    color: #fff;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #01c4fa;
}


.mat-form-field-invalid .mat-input-element, .mat-warn .mat-input-element {
    caret-color: #01c1f9;
}

.mat-input-element, .mat-input-element::-webkit-search-cancel-button, .mat-input-element::-webkit-search-decoration, .mat-input-element::-webkit-search-results-button, .mat-input-element::-webkit-search-results-decoration {
    color: #fff !important;
}

input.mat-input-element::placeholder {
    color: red;
}

input.mat-input-element::placeholder {
    color: #fff !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #fff !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end, .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap, .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start {
    border-width: 1px;
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #00caf9;
}

span.mat-placeholder-required {
    color: #f5bd41 !important;
}


.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end, .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap, .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start {
    border-width: 1px !important;
}



.mat-form-field-appearance-outline .mat-form-field-outline-gap {
    border-bottom-color: #fff !important;
    border-top-color: #ffc107 ;
}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border-top-color: #ffc107 !important;
}


.sub-menu .nav-link[data-toggle]:not(.collapsed):after {
    display: none;
}



.sub-menu .nav-link[data-toggle].collapsed:after {
    display: none;
}



.sub-menu  .collapse:not(.show) {
    display: block;
}


.sub-menu  .collapse {
    display: block;
}

.sub-menu {
    display: block !important;
}

.sub-menu .collapsing {
    height: 100% !important;
    display: block !important;
}


.sub-menu .sub-menu {
    margin-top: 10px;
}


.inner-details .mat-grid-tile {
    overflow: initial !important;
    position: relative !important;
    height: auto !important;
    top: 0 !important;
}

.inner-details .mat-grid-tile .mat-figure {
    position: initial !important;
}

.inner-details .grid-container {
    display: block;
    position: relative;
}

.inner-details .grid-container {
    height: auto !important;
    top: auto !important;
}


.inner-details .grid-container {
    DISPLAY: block;
}

.inner-details .page-item.active .page-link {
    background-color: #d49200;
    border-color: #d49200;
}


.inner-details .grid-container {
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    border: 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
    transform: translateY(-1px);
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    text-align: center;
    transition: all .15s ease-in-out;
    background: #fff;
    margin-bottom: 30px;
}

.inner-details img {
   /* height: 200px;*/
}
.committees a {
    position: relative;
}
.committees .row-content {
    justify-content: center;
}

.grid-container {
    display: block !important;
}

 mat-grid-tile.grid-item {
    display: block !important;
}


.inner-details figure.mat-figure {
    display: block !important;
}



.inner-details span.post-desc {
    display: block;
    text-align: left;
    font-weight: bold;
    color: #444;
   padding: 10px 20px 20px 20px !important;
}

.inner-details span.card-title {
    display: block;
    text-align: left;
    color: #444;
    margin-top: -5px;
    padding: 0 60px 0 20px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;

}

.inner-details a.col-md-3.mb-3.py-2.external-link:hover {
    text-decoration: none;
}


.inner-details span.post-desc:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f019";
    position: absolute;
    right: 20px;
    font-size: 25px;
}

.inner-details a.col-md-3.mb-3.py-2.external-link {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.inner-details a.col-md-3.mb-3.py-2.external-link:hover {
    transform: scale(1.02);
}

.inner-details  a.col-md-3.mb-3.py-2.external-link:hover span {
    color: #0977b9;
}

.inner-details  a.col-md-3.mb-3.py-2.external-link:hover span:after {
    color: #d49200;
}


.pagination li {display: inline-block;}

ul.pagination {
    display: block;
}


.inner-details .companies mat-grid-list.mat-grid-list img {
    object-fit:  contain !important;
    height: auto !important;
}

.inner-details .companies .mat-grid-tile {
    float: left;
    left: 0 !important;
}

.inner-details .companies mat-grid-list.mat-grid-list {
    box-shadow: none;
    background: none;
}
.inner-details .companies span.card-title {
    font-weight: bold;
}

.inner-details .companies span.card-title {
    font-size: 16px;
    line-height: 1;
    margin-top: 10px !important;
}
.inner-details .companies .contact-info {
    text-align: left;
    
        direction: rtl;
}
.contact-info li a {
    color: #23527c;
    font-family: arial;
    text-decoration: none;
}

.inner-details .companies span.post-short-desc {
    color: #333;
}

.inner-details .companies .contact-info {
    margin-top: 20px;
    overflow:hidden;
}
.inner-details .companies .contact-info {
    padding-top: 4px;
}
.inner-details .companies a.col-md-4.mb-3.py-2.no-link {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.inner-details .companies .contact-info {
    padding-top: 4px;
}


ul.pagination {
    margin-bottom: 0 !important;
}

.text-center.mb-5 {
    margin-bottom: 0 !important;
}

.col-12.text-center.mt-4 {
    margin-top: 0 !important;
}





.inner-details .companies mat-grid-list.mat-grid-list {
    margin-bottom: 10px;
}


address {
    float: left;
}
address {
    width: 30% !important;
    float: left;
    position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important;
    MARGIN: 10px 10px !important;
}

address {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    min-height: 170px;
    MARGIN: 10px;
    line-height: 22px;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow, .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #fff;
}

.mat-select-arrow {
    color: #fff;
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #fff !important;
}
.mat-select-value {color:#Fff;}





ul.nav.flex-column.flex-nowrap.overflow-hidden .sub-menu {
    margin-top: 10px;
}

ul.nav.flex-column.flex-nowrap.overflow-hidden ul ul.flex-column.pl-2.nav .nav-item a span {padding-left: 0px;}

ul.nav.flex-column.flex-nowrap.overflow-hidden ul ul.flex-column.pl-2.nav .nav-item a span:nth-child(1):before {
    content: " ";
    width: 8px;
    height: 8px;
    border: 2px #f5bd41 solid;
    border-radius: 23px;
    overflow: visible;
    display: inline-block;
    font: normal normal normal 14px/1 'FontAwesome 4';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: " ";
    margin-left: 0px;
    margin-right: 10px;
    }

ul.nav.flex-column.flex-nowrap.overflow-hidden ul ul.flex-column.pl-2.nav .nav-item a span:after {
    display: none;
}

ul.nav.flex-column.flex-nowrap li.active > a {
display: block!important;
      position: relative;
         
}
.sub-menu li.nav-item.active>a {
    display: flex !important;
}

ul.nav.flex-column.flex-nowrap li.active > a span {
 /* display: block;*/
    margin-bottom: 10px;

}




.sub-menu a.nav-link.text-truncate[href="javascript:void(0)"] span:after {
    display: none;
}

.sub-menu a.nav-link.text-truncate[href="javascript:void(0)"] span {
    font-weight: bold;
}


.sub-menu a.nav-link.text-truncate[href="javascript:void(0)"] span {
    color: #333 !important;
}


article.medarbetare {
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    border: 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
    transform: translateY(-1px);
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    text-align: center;
    transition: all .15s ease-in-out;
    background: #fff;
    margin-bottom: 30px;
}

.col-lg-6 {
    float: left;
}

.image-wrapper {
    height: 200px;
    background: #ededed;
}

svg.svg-inline--fa.fa-file-pdf.fa-w-12 {
    COLOR: #c62d30;
    PADDING-TOP: 0px;
    margin-top: 30px;
    width: 40px;
}

.tile-footer {
    position: relative;
    background-color: white;
    box-sizing: content-box;
    padding: 20px;
    max-height: 45px;
    text-align: right;
}
.tile-footer h6 {
    left: 30px;
    right: auto;
}

.tile-footer h6 {
    top: 6px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 3px;
    right: 30px;
}
.tile-footer h6, .tile-footer .type {
    left: 10px;
    text-decoration: none;
    color: #444;
    text-align: left;
}

svg.svg-inline--fa.fa-download.fa-w-16.download-icon {
    margin-top: -24px;
}

ul.nav.flex-column.flex-nowrap li.active span {
    margin-bottom: 0 !important;
}


.sub-menu a.nav-link.text-truncate[href="javascript:void(0)"] ~ lib-recursive-menu .sub-menu {
    margin-top: 0;
}




.right-side-cont {z-index:0}


.right-side-cont {
    text-align: justify;
    /*padding: 40px !important;*/
}

.blue-sec {
    position: relative;
    display: flex;
    justify-content: center;
}

.view-img {
    position: relative;
}
.view-details {
    padding: 40px;
}


.our-news .title {
    margin-bottom:0;
}

.our-news .title {
    width: 100%;
}

.blue-bg .dateofbirth  .input-group {
    flex-wrap: nowrap;
}
.modal-dialog {
    width: 100%;
    position: relative;
    right: 0;
    left: 0;
    /* padding: 0; */
    bottom: 0;
}


.blue-bg .form-block .dateofbirth .input-group .ng-invalid {
    border: 1px solid #dee2e6 !important;
        padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.blue-bg .form-block  .ng-placeholder {
    color: #595c5f !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
}
.blue-bg .form-block  .btn-secondary {
    padding-top: 7px;
    padding-bottom: 7px;
}
.blue-bg .dateofbirth .input-group {
    align-items: center;
}
.blue-bg  .attachmentItem {
    color: #00f3ff;
}


/*phone*/

.phone .input-group.phone {
  display: flex;
  align-items: center;
  gap: 8px; 
}

.phone .input-group-prepend {
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  padding: 0;
  border: 0px solid #ced4da;
  border-radius: 0.25rem 0 0 0.25rem;
  height: 100%;
}
.phone .input-group-text {
    border-radius: 3px 0 0 3px;
    border-color: #ccc;
    /*border: 0;*/
    border-right: 1px solid #999999;
}
.phone .input-group-text, .mobile .input-group-text {
    padding: 0;
}
.phone .ng-select-container.ng-has-value {
  padding-right: 5px;
}

input#phone:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.blue-bg .inner-details  img {
    height: 36px !important;
}

.phone span.input-group-text.prifix .ng-select .ng-select-container {
    border: 0;
}

.phone input#PhoneNumber {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.phone .form-control {
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}



@media (max-width: 768px) { 
    
  /*  .col-sm-3.col-md-3.col-lg-3[style="background-color: rgb(237, 237, 237); padding-top: 40px; padding-bottom: 40px; border-style: none;"] {
    display: none;
}*/

.arabic-cont .col-lg-3.col-md-3.col-sm-3 {
    display:none;
}


.right-side-cont {
    flex: 0 0 100%;
    max-width: 100%;
}

.row.banner-top, .right-section {
    height: auto !important;
}span.view-description {
    margin-top: 260px;
}

}
span.view-description {
    line-height: initial;
}



@media (max-width: 991px) {

.row.banner-top, .right-section {
    height: auto !important;
}
.banner-top .view-img img {
    height: 400px;
}

span.view-description {
    margin-top: 250px;
}
.bold:after {
    top: auto;
}


.inner-details span.post-desc {
    line-height: initial !important;
}

.inner-details span.card-title {
    line-height: initial !important;
    margin-top: 10px;
}


.inner-details span.card-title {
    word-break: break-all;
} 

a.col-md-4.mb-3.py-2.no-link {
    flex: 0 0 100%;
    max-width: 100%;
}
   .sub-menu a.nav-link.py-0 span {
     line-height: initial;
}
  .arabic-links{
    display: flex;
    flex-direction: column-reverse;
}


}



.inner-details span.post-desc {
    line-height: initial !important;
}

.inner-details span.card-title {
    line-height: initial !important;
    margin-top: 10px;
}


.inner-details span.card-title {
    word-break: break-all;
} 
.blue-bg .form-block  label {
    color:#fff;
}

.blue-bg .form-block {
    padding-bottom: 20px;
}

@media (max-width: 768px) {
.col-6.form-block  {
    flex: 0 0 100%;
    max-width: 100%;
}
.col-3.form-block  {
    flex: 0 0 100%;
    max-width: 100%;
}

span.view-description {
    FONT-SIZE: 24PX;
}   

 .blue-bg .form-block {
    padding-left: 0;
    padding-right: 0;
}  
    
}


select {
    text-align: left !important;
}






@media (max-width: 991px) {
.banner-top .view-img img {
    width: 100%;
}

.row.banner-top.p-0 {
    width: 100%;
    margin: 0;
}

.row.banner-top.p-0 .col-md-12 {
    padding: 0;
}

span.view-description {
     line-height: 29px !important;
}

}

.modal-backdrop.fade.show {
    display: none;
}